var currentCid = 1; // 当前分类 id
var cur_page = 1; // 当前页
var total_page = 1;  // 总页数
var data_querying = true;   // 是否正在向后台获取数据


$(function () {
    // 首次进入就刷新
    updateNewsData()
    // 首页分类切换
    $('.menu li').click(function () {
        var clickCid = $(this).attr('data-cid')
        $('.menu li').each(function () {
            $(this).removeClass('active')
        })
        $(this).addClass('active')

        if (clickCid != currentCid) {
            // 记录当前分类id
            currentCid = clickCid

            // 重置分页参数
            cur_page = 1
            total_page = 1
            updateNewsData()
        }
    })

    //页面滚动加载相关
    $(window).scroll(function () {

        // 浏览器窗口高度
        var showHeight = $(window).height();

        // 整个网页的高度
        var pageHeight = $(document).height();

        // 页面可以滚动的距离
        var canScrollHeight = pageHeight - showHeight;

        // 页面滚动了多少,这个是随着页面滚动实时变化的
        var nowScroll = $(document).scrollTop();

        if ((canScrollHeight - nowScroll) < 100) {
            // TODO 判断页数，去更新新闻数据
            cur_page += 1
            updateNewsData()
            // 上面是填写的内容
        }
    })
})

function updateNewsData() {
    // TODO 更新新闻数据
    // 把参数准备
    // var params = {
    //     "currentCID" : currentCid,
    //     "cur_page" : cur_page,
    //     "total_page": total_page
    // }
    $.ajax({

        url: "/news_list?cid="+currentCid+"&cur_page="+cur_page+"&per_page="+10,
        method: "GET",
        success: function (ret) {
            // 根据ret 的结果返回相关信息
            if (ret.errno == 0){
                // 把其他参数提取
                // 把查询到的数据添加进去
                // 1 先把原先的数据情况
                // 如果是第一页才清，其他的都是追加
                if(cur_page==1){
                    $('.list_con').html('')
                }
                // 2 将数据填充到页面
                for (var i=0;i<ret.news_list.length;i++){
                    var news = ret.news_list[i]
                    var content = '<li>'
                    // href="/news/'+news.id+'"  拼接字符串的时候要小心
                    content += '<a href="/news/'+news.id+'" class="news_pic fl"><img src="' + news.index_image_url + '?imageView2/1/w/170/h/170"></a>'
                    content += '<a href="/news/'+news.id+'" class="news_title fl">' + news.title + '</a>'
                    content += '<a href="/news/'+news.id+'" class="news_detail fl">' + news.digest + '</a>'
                    content += '<div class="author_info fl">'
                    content += '<div class="source fl">来源：' + news.source + '</div>'
                    content += '<div class="time fl">' + news.create_time + '</div>'
                    content += '</div>'
                    content += '</li>'
                    $(".list_con").append(content)
                }

            }else {
                // 把错误信息提示出来
                alert(ret.errmsg)
            }
        }
    })
        

}
